<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>5.操作html</title>
</head>

<body>
    <div class="main">
        <div class="box">
            <p>段落内容</p>
        </div>
    </div>
</body>
<script>
    //在页面写入内容  识别<>  html中代码换行被浏览器解析成一个空格 要换行只能使用<br>
    document.write('write段落内容<br>')
    document.write('段落内容')
    document.write('<h1>段落内容</h1>')
    //创建元素  把元素名称写入括号
    document.createElement('h2')//不能显示
    //创建元素需要指定位置  不然不能显示
    var h2 = document.createElement('h2')
    //把h2添加未body的子元素，添加掉末尾
    document.body.appendChild(h2)
    //创建文本节点
    var text = document.createTextNode("12321")
    h2.appendChild(text)
    //拼接
    h2.innerText += 'aaa'
    //这种创建方式会覆盖body的所有原有内容
    // document.body.innerHTML='<h3>hhhhhhhhhh<h3>'
</script>

</html>